<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0; padding: 0;
        }
        .box1{
            /* width: 375px;height: 812px; */
            width: 10rem; height: 21.653333rem;
        }
        .box1 img{
            /* width: 100px; height: 100px; */
            /* border-radius: 24px;
            margin: 288px 137px 0px 138px; */
            /* height: 2.666667rem; */
            /* background: #00B48A; */
            width: 2.666667rem; 
            border-radius: .64rem;
            margin: 7.68rem 3.653333rem 0rem 3.68rem;
        }
        .box2{
            /* width: 267px;height: 45px; */
            /* line-height: 45px;margin: 36px 53px 0px 55px; */
            font-size: 24px;
            width: 7.12rem; 
            height: 1.2rem; 
            font-weight: 500;
            color: #00B48A;
            line-height: 1.2rem;
            margin: .96rem  1.413333rem  0rem  1.466667rem;
            text-align: center;
        }
        .box3{
            /* width: 267px;height: 28px; */
            /* line-height: 28px;letter-spacing: 2px;margin: 0px 53px 315px 55px; */
            width: 7.12rem;
            height: .746667rem;
            font-size: 15px;
            font-weight: 500;
            color: #888C8C;
            line-height: .746667rem;
            letter-spacing: .053333rem;
            margin: 0rem 1.413333rem 8.4rem 1.466667rem;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="box1">
        <img src="./img/logo.png" alt=""/>
        <p class="box2">健康问题 先上医鹿</p>
        <p class="box3">阿里健康在线医疗服务平台</p>
    </div>
    
    <script src="./js/flexible.js"></script>
</body>
</html>